$red:#FF3E3E;
$green:#06AC52;
* {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0;
    padding: 0;
    outline: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);//去除点击高亮
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;//iOS下禁用系统默认菜单
}
*:before,
*:after {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
html {
	font-family: sans-serif, "Helvetica Neue", Helvetica;
	height: 100%;
	font-size: 15px;
	-webkit-text-size-adjust: 100%; //防止iPhone在坚屏转向横屏时放大文字
}
body {
	margin: 0;
	padding: 0;
	font-size: 15px;
	color: #333;
	background-color: #f5f5f5;
}
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
textarea,
p,
blockquote,
th,
td,
tfoot,
thead,
tbody {
	padding: 0;
	margin: 0;
}
button {
	border-style: none;
	border: none;
	outline: none;
	margin: 0;
	padding: 0;
	list-style-type: none;
	background: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}
a {
	text-decoration: none;
	outline: none;
	color: #333;
	display: block;
}
s {
	text-decoration: none;
}
li {
	margin: 0;
	padding: 0;
	list-style: none;
}
select {
	margin: 0;
	border: 0;
	outline: medium;
}
input {
	margin: 0;
	outline: none;
	color: #999;
	-webkit-user-select: text;
	-webkit-appearance: none;//去除默认样式
	resize:none;
	border: 1px solid #eee;
	padding: 4px 6px;
}
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
}
input::-webkit-outer-spin-button {
	-webkit-appearance: none;
}
input[type="number"] {
	-moz-appearance: textfield;
}
::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #B3B3B3;
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #B3B3B3;
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #B3B3B3;
  opacity: 1;
}
:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #B3B3B3;
}
ol,
ul {
	list-style-type: none;
}
em,
i {
	font-style: normal;
}
img {
	border: none;
	display: block;
}
textarea {
	resize: none;
	-webkit-appearance: none;
	-webkit-user-select: text;
}

/* flex */
.flex{
	display: flex;
}
.flex-between{
	display: flex;
	justify-content: space-between;
}
.flex-center{
	display: flex;
	justify-content: center;
	align-items: center;
}
.flex-v{
	align-content: center;
}
.flex-h{
	align-items: center;
}

/* 阴影 */
.m-shadow{box-shadow: 0 0 10px #ccc;} /* 全部阴影 */
.m-shadow-rb{box-shadow: 3px 3px 10px #ccc;} /* 右下角 */

.m-text-nowrap /*一行显示*/
{
	word-wrap: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.m-text-nowrap2 /*两行显示*/
{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.m-text-nowrap3 /*三行显示*/
{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.m-text-nowrap4 /*四行显示*/
{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}
.min-height{
	min-height: 100vh;
}
.main{
	
}
.bgwhite{
	background-color: #fff;
}
.hint{
	text-align: center;
	color: #999;
	font-size: 14px;
}
// 颜色
.red{
	color: $red;
}
.gray{
	color: #999;
}
//边距
.p15{
	padding: 15px;
}
.hide{
	height: 1px;
	overflow: hidden;
}
.tab{
	display: flex;
	background-color: #fff;
	padding: 0 15px;
	li{
		width: 33.3%;
		text-align: center;
		padding: 15px 0;
		margin-bottom: 1px;
		span{
			color: #999;
			padding: 15px 0;
		}
		.active{
			border-bottom: 2px solid $green;
			color: #333;
		}
	}
}
.m-header{
	padding-left: 10px;
	border-left: 3px solid $green;
	font-size: 16px;
}
.none{
	color: #999;
	text-align: center;
	font-size: 14px;
	padding: 10px 0;
}
//框架样式
.van-tabs__line{
	background-color:$green;
}
//进度
.van-circle__text{
	color: #fff;
	font-size: 40px;
}

//边距
.mb10{
	margin-bottom: 10px;
}
.p2{
	padding: 2px;
}